﻿<!DOCTYPE html>
<html>
  <head>
    <title>5.1 预约功能</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/5_1_预约功能/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/5_1_预约功能/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 标题栏 (动态面板) -->
      <div id="u962" class="ax_default" data-label="标题栏">
        <div id="u962_state0" class="panel_state" data-label="状态1" style="">
          <div id="u962_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u963" class="ax_default _形状">
              <div id="u963_div" class=""></div>
              <div id="u963_text" class="text ">
                <p><span>5.1预约直播功能 </span></p>
              </div>
            </div>

            <!-- Unnamed (水滴形) -->
            <div id="u964" class="ax_default marker">
              <img id="u964_img" class="img " src="images/5_1_预约功能/u964.svg"/>
              <div id="u964_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (文本框) -->
            <div id="u965" class="ax_default text_field">
              <div id="u965_div" class=""></div>
              <input id="u965_input" type="text" value="新增数据埋点" class="u965_input"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u966" class="ax_default _形状">
        <div id="u966_div" class=""></div>
        <div id="u966_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u967" class="ax_default _一级标题">
        <div id="u967_div" class=""></div>
        <div id="u967_text" class="text ">
          <p><span>A-首页 </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u968" class="ax_default _形状">
        <div id="u968_div" class=""></div>
        <div id="u968_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u969" class="ax_default _一级标题">
        <div id="u969_div" class=""></div>
        <div id="u969_text" class="text ">
          <p><span>B-直播课堂列表页面</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u970" class="ax_default _连接线">
        <img id="u970_seg0" class="img " src="images/5_1_预约功能/u970_seg0.svg" alt="u970_seg0"/>
        <img id="u970_seg1" class="img " src="images/5_1_预约功能/u970_seg1.svg" alt="u970_seg1"/>
        <img id="u970_seg2" class="img " src="images/5_1_预约功能/u970_seg2.svg" alt="u970_seg2"/>
        <img id="u970_seg3" class="img " src="images/5_1_预约功能/u970_seg3.svg" alt="u970_seg3"/>
        <img id="u970_seg4" class="img " src="images/5_1_预约功能/u970_seg4.svg" alt="u970_seg4"/>
        <div id="u970_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (作者简介) -->

      <!-- 标题栏 (动态面板) -->
      <div id="u972" class="ax_default" data-label="标题栏">
        <div id="u972_state0" class="panel_state" data-label="状态1" style="">
          <div id="u972_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u973" class="ax_default _形状">
              <div id="u973_div" class=""></div>
              <div id="u973_text" class="text ">
                <p><span>作者姓名&nbsp; |&nbsp; 联系方式</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u971" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (圆形) -->
      <div id="u974" class="ax_default _形状">
        <img id="u974_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u974_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u975" class="ax_default _形状">
        <img id="u975_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u975_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u976" class="ax_default _一级标题">
        <div id="u976_div" class=""></div>
        <div id="u976_text" class="text ">
          <p><span>C-直播页面</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u977" class="ax_default _形状">
        <img id="u977_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u977_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u978" class="ax_default _一级标题">
        <div id="u978_div" class=""></div>
        <div id="u978_text" class="text ">
          <p><span style="color:#999999;">1. 新增加提醒按钮</span></p><p><span style="color:#999999;">提醒按钮点击前和点击后效果如图 标示1 和标示2。</span></p><p><span style="color:#999999;">当天正在直播的按钮是&nbsp; 标示3</span></p><p><span style="color:#999999;">其中直播中的前面 图标做动态 图标</span></p><p><span style="color:#999999;">点击当天的 </span><span style="color:#2ACF61;">提醒我</span><span style="color:#999999;"> 后的提示框如下，点击其他天的轻提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u979" class="ax_default _水平线">
        <img id="u979_img" class="img " src="images/4_0_手机号注册登录入口/u620.svg"/>
        <div id="u979_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u980" class="ax_default _形状">
        <div id="u980_div" class=""></div>
        <div id="u980_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u981" class="ax_default" data-left="440" data-top="120" data-width="360" data-height="26">

        <!-- Unnamed (矩形) -->
        <div id="u982" class="ax_default shape">
          <div id="u982_div" class=""></div>
          <div id="u982_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u983" class="ax_default image">
          <img id="u983_img" class="img " src="images/5_1_预约功能/u983.png"/>
          <div id="u983_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u984" class="ax_default" data-left="440" data-top="146" data-width="360" data-height="42">

        <!-- Unnamed (矩形) -->
        <div id="u985" class="ax_default box_2">
          <div id="u985_div" class=""></div>
          <div id="u985_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u986" class="ax_default box_2">
          <div id="u986_div" class=""></div>
          <div id="u986_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u987" class="ax_default image">
          <img id="u987_img" class="img " src="images/5_1_预约功能/u987.png"/>
          <div id="u987_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u988" class="ax_default _30号字_服务主标题，例如双行列表内的下方描述信息。__）">
          <div id="u988_div" class=""></div>
          <div id="u988_text" class="text ">
            <p><span>Python数据分析师的高新秘籍</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u989" class="ax_default _图片_">
        <img id="u989_img" class="img " src="images/5_1_预约功能/u989.png"/>
        <div id="u989_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u990" class="ax_default box_2">
        <div id="u990_div" class=""></div>
        <div id="u990_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u991" class="ax_default _三级标题">
        <div id="u991_div" class=""></div>
        <div id="u991_text" class="text ">
          <p><span>课堂直播</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u992" class="ax_default label">
        <div id="u992_div" class=""></div>
        <div id="u992_text" class="text ">
          <p><span>查看更多</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u993" class="ax_default icon">
        <img id="u993_img" class="img " src="images/5_1_预约功能/u993.svg"/>
        <div id="u993_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u994" class="ax_default" data-left="2" data-top="862" data-width="40" data-height="40">

        <!-- Unnamed (圆形) -->
        <div id="u995" class="ax_default placeholder">
          <img id="u995_img" class="img " src="images/5_1_预约功能/u995.svg"/>
          <div id="u995_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u996" class="ax_default image">
          <img id="u996_img" class="img " src="images/5_1_预约功能/u996.png"/>
          <div id="u996_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u997" class="ax_default" data-left="6" data-top="922" data-width="32" data-height="32">

        <!-- Unnamed (圆形) -->
        <div id="u998" class="ax_default placeholder">
          <img id="u998_img" class="img " src="images/5_1_预约功能/u998.svg"/>
          <div id="u998_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u999" class="ax_default image">
          <img id="u999_img" class="img " src="images/5_1_预约功能/u996.png"/>
          <div id="u999_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1000" class="ax_default" data-left="10" data-top="974" data-width="24" data-height="24">

        <!-- Unnamed (圆形) -->
        <div id="u1001" class="ax_default placeholder">
          <img id="u1001_img" class="img " src="images/5_1_预约功能/u1001.svg"/>
          <div id="u1001_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u1002" class="ax_default image">
          <img id="u1002_img" class="img " src="images/5_1_预约功能/u996.png"/>
          <div id="u1002_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1003" class="ax_default" data-left="466" data-top="246" data-width="305" data-height="84">

        <!-- Unnamed (图片 ) -->
        <div id="u1004" class="ax_default image">
          <img id="u1004_img" class="img " src="images/5_1_预约功能/u1004.jpg"/>
          <div id="u1004_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1005" class="ax_default _三级标题">
          <div id="u1005_div" class=""></div>
          <div id="u1005_text" class="text ">
            <p><span>MyBatis巅峰之源码分析步步惊心</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1006" class="ax_default label">
          <div id="u1006_div" class=""></div>
          <div id="u1006_text" class="text ">
            <p><span>讲师: 肖春平</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1007" class="ax_default label">
          <div id="u1007_div" class=""></div>
          <div id="u1007_text" class="text ">
            <p><span>网易Java 高级工程师…</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1008" class="ax_default label">
          <div id="u1008_div" class=""></div>
          <div id="u1008_text" class="text ">
            <p><span>直播时间: 明日 20:00</span></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1009" class="ax_default line">
          <img id="u1009_img" class="img " src="images/5_1_预约功能/u1009.svg"/>
          <div id="u1009_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1010" class="ax_default" data-left="466" data-top="347" data-width="309" data-height="84">

        <!-- Unnamed (图片 ) -->
        <div id="u1011" class="ax_default image">
          <img id="u1011_img" class="img " src="images/5_1_预约功能/u1004.jpg"/>
          <div id="u1011_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1012" class="ax_default _三级标题">
          <div id="u1012_div" class=""></div>
          <div id="u1012_text" class="text ">
            <p><span>MyBatis巅峰之源码分析步步惊心</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1013" class="ax_default label">
          <div id="u1013_div" class=""></div>
          <div id="u1013_text" class="text ">
            <p><span>讲师: 肖春平</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1014" class="ax_default label">
          <div id="u1014_div" class=""></div>
          <div id="u1014_text" class="text ">
            <p><span>网易Java…</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1015" class="ax_default label">
          <div id="u1015_div" class=""></div>
          <div id="u1015_text" class="text ">
            <p><span>直播时间: 明日 20:00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1016" class="ax_default primary_button">
          <div id="u1016_div" class=""></div>
          <div id="u1016_text" class="text ">
            <p><span>&nbsp;&nbsp;&nbsp; 提醒我</span></p>
          </div>
        </div>

        <!-- Clock Icon (形状) -->
        <div id="u1017" class="ax_default icon" data-label="Clock Icon">
          <img id="u1017_img" class="img " src="images/5_1_预约功能/clock_icon_u1017.svg"/>
          <div id="u1017_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1018" class="ax_default line">
          <img id="u1018_img" class="img " src="images/5_1_预约功能/u1009.svg"/>
          <div id="u1018_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1019" class="ax_default" data-left="466" data-top="448" data-width="309" data-height="84">

        <!-- Unnamed (图片 ) -->
        <div id="u1020" class="ax_default image">
          <img id="u1020_img" class="img " src="images/5_1_预约功能/u1004.jpg"/>
          <div id="u1020_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1021" class="ax_default _三级标题">
          <div id="u1021_div" class=""></div>
          <div id="u1021_text" class="text ">
            <p><span>MyBatis巅峰之源码分析步步惊心</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1022" class="ax_default label">
          <div id="u1022_div" class=""></div>
          <div id="u1022_text" class="text ">
            <p><span>讲师: 肖春平</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1023" class="ax_default label">
          <div id="u1023_div" class=""></div>
          <div id="u1023_text" class="text ">
            <p><span>网易Java…</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1024" class="ax_default label">
          <div id="u1024_div" class=""></div>
          <div id="u1024_text" class="text ">
            <p><span>直播时间: 明日 20:00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1025" class="ax_default primary_button">
          <div id="u1025_div" class=""></div>
          <div id="u1025_text" class="text ">
            <p><span>&nbsp;&nbsp;&nbsp; 已提醒</span></p>
          </div>
        </div>

        <!-- Clock Icon (形状) -->
        <div id="u1026" class="ax_default icon" data-label="Clock Icon">
          <img id="u1026_img" class="img " src="images/5_1_预约功能/clock_icon_u1017.svg"/>
          <div id="u1026_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1027" class="ax_default line">
          <img id="u1027_img" class="img " src="images/5_1_预约功能/u1009.svg"/>
          <div id="u1027_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1028" class="ax_default image">
        <img id="u1028_img" class="img " src="images/5_1_预约功能/u1004.jpg"/>
        <div id="u1028_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1029" class="ax_default _三级标题">
        <div id="u1029_div" class=""></div>
        <div id="u1029_text" class="text ">
          <p><span>MyBatis巅峰之源码分析步步惊心</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1030" class="ax_default label">
        <div id="u1030_div" class=""></div>
        <div id="u1030_text" class="text ">
          <p><span>讲师: 肖春平</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1031" class="ax_default label">
        <div id="u1031_div" class=""></div>
        <div id="u1031_text" class="text ">
          <p><span>网易Java…</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1032" class="ax_default label">
        <div id="u1032_div" class=""></div>
        <div id="u1032_text" class="text ">
          <p><span>124 人正在观看</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1033" class="ax_default primary_button">
        <div id="u1033_div" class=""></div>
        <div id="u1033_text" class="text ">
          <p><span>&nbsp;&nbsp;&nbsp; 直播中</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1034" class="ax_default line">
        <img id="u1034_img" class="img " src="images/5_1_预约功能/u1009.svg"/>
        <div id="u1034_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u1035" class="ax_default _连接线">
        <img id="u1035_seg0" class="img " src="images/5_1_预约功能/u1035_seg0.svg" alt="u1035_seg0"/>
        <img id="u1035_seg1" class="img " src="images/5_1_预约功能/u1035_seg1.svg" alt="u1035_seg1"/>
        <img id="u1035_seg2" class="img " src="images/5_1_预约功能/u1035_seg2.svg" alt="u1035_seg2"/>
        <img id="u1035_seg3" class="img " src="images/5_1_预约功能/u1035_seg3.svg" alt="u1035_seg3"/>
        <div id="u1035_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1036" class="ax_default _形状">
        <img id="u1036_img" class="img " src="images/更新日志/u243.svg"/>
        <div id="u1036_text" class="text ">
          <p><span>新</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u1037" class="ax_default _连接线">
        <img id="u1037_seg0" class="img " src="images/5_1_预约功能/u1037_seg0.svg" alt="u1037_seg0"/>
        <img id="u1037_seg1" class="img " src="images/5_1_预约功能/u1037_seg1.svg" alt="u1037_seg1"/>
        <img id="u1037_seg2" class="img " src="images/5_1_预约功能/u1037_seg2.svg" alt="u1037_seg2"/>
        <img id="u1037_seg3" class="img " src="images/5_1_预约功能/u1037_seg3.svg" alt="u1037_seg3"/>
        <div id="u1037_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1038" class="ax_default _形状">
        <img id="u1038_img" class="img " src="images/5_1_预约功能/u1038.svg"/>
        <div id="u1038_text" class="text ">
          <p><span>旧</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u1039" class="ax_default _连接线">
        <img id="u1039_seg0" class="img " src="images/5_1_预约功能/u1039_seg0.svg" alt="u1039_seg0"/>
        <img id="u1039_seg1" class="img " src="images/5_1_预约功能/u1039_seg1.svg" alt="u1039_seg1"/>
        <img id="u1039_seg2" class="img " src="images/5_1_预约功能/u1039_seg2.svg" alt="u1039_seg2"/>
        <img id="u1039_seg3" class="img " src="images/5_1_预约功能/u1039_seg3.svg" alt="u1039_seg3"/>
        <div id="u1039_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1040" class="ax_default box_2">
        <div id="u1040_div" class=""></div>
        <div id="u1040_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1041" class="ax_default" data-left="1041" data-top="283" data-width="305" data-height="84">

        <!-- Unnamed (图片 ) -->
        <div id="u1042" class="ax_default image">
          <img id="u1042_img" class="img " src="images/5_1_预约功能/u1004.jpg"/>
          <div id="u1042_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1043" class="ax_default _三级标题">
          <div id="u1043_div" class=""></div>
          <div id="u1043_text" class="text ">
            <p><span>MyBatis巅峰之源码分析步步惊心</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1044" class="ax_default label">
          <div id="u1044_div" class=""></div>
          <div id="u1044_text" class="text ">
            <p><span>讲师: 肖春平</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1045" class="ax_default label">
          <div id="u1045_div" class=""></div>
          <div id="u1045_text" class="text ">
            <p><span>网易Java 高级工程师…</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1046" class="ax_default label">
          <div id="u1046_div" class=""></div>
          <div id="u1046_text" class="text ">
            <p><span>直播时间: 明日 20:00</span></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1047" class="ax_default line">
          <img id="u1047_img" class="img " src="images/5_1_预约功能/u1009.svg"/>
          <div id="u1047_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1048" class="ax_default image">
        <img id="u1048_img" class="img " src="images/5_1_预约功能/u1004.jpg"/>
        <div id="u1048_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1049" class="ax_default _三级标题">
        <div id="u1049_div" class=""></div>
        <div id="u1049_text" class="text ">
          <p><span>MyBatis巅峰之源码分析步步惊心</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1050" class="ax_default label">
        <div id="u1050_div" class=""></div>
        <div id="u1050_text" class="text ">
          <p><span>讲师: 肖春平</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1051" class="ax_default label">
        <div id="u1051_div" class=""></div>
        <div id="u1051_text" class="text ">
          <p><span>网易Java…</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1052" class="ax_default label">
        <div id="u1052_div" class=""></div>
        <div id="u1052_text" class="text ">
          <p><span>直播时间: 明日 20:00</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1053" class="ax_default primary_button">
        <div id="u1053_div" class=""></div>
        <div id="u1053_text" class="text ">
          <p><span>&nbsp;&nbsp;&nbsp; 提醒我</span></p>
        </div>
      </div>

      <!-- Clock Icon (形状) -->
      <div id="u1054" class="ax_default icon" data-label="Clock Icon">
        <img id="u1054_img" class="img " src="images/5_1_预约功能/clock_icon_u1017.svg"/>
        <div id="u1054_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1055" class="ax_default line">
        <img id="u1055_img" class="img " src="images/5_1_预约功能/u1009.svg"/>
        <div id="u1055_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1056" class="ax_default _三级标题">
        <div id="u1056_div" class=""></div>
        <div id="u1056_text" class="text ">
          <p><span>全部</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1057" class="ax_default _三级标题">
        <div id="u1057_div" class=""></div>
        <div id="u1057_text" class="text ">
          <p><span>今天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1058" class="ax_default _三级标题">
        <div id="u1058_div" class=""></div>
        <div id="u1058_text" class="text ">
          <p><span>8.10</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1059" class="ax_default _三级标题">
        <div id="u1059_div" class=""></div>
        <div id="u1059_text" class="text ">
          <p><span>8.12</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1060" class="ax_default _三级标题">
        <div id="u1060_div" class=""></div>
        <div id="u1060_text" class="text ">
          <p><span>8.13</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1061" class="ax_default _三级标题">
        <div id="u1061_div" class=""></div>
        <div id="u1061_text" class="text ">
          <p><span>8.14</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1062" class="ax_default _三级标题">
        <div id="u1062_div" class=""></div>
        <div id="u1062_text" class="text ">
          <p><span>8.15</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1063" class="ax_default _三级标题">
        <div id="u1063_div" class=""></div>
        <div id="u1063_text" class="text ">
          <p><span>8.16</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1064" class="ax_default _三级标题">
        <div id="u1064_div" class=""></div>
        <div id="u1064_text" class="text ">
          <p><span>今天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1065" class="ax_default box_2">
        <div id="u1065_div" class=""></div>
        <div id="u1065_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1066" class="ax_default _三级标题">
        <div id="u1066_div" class=""></div>
        <div id="u1066_text" class="text ">
          <p><span>8月10日</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1067" class="ax_default" data-left="1041" data-top="532" data-width="305" data-height="84">

        <!-- Unnamed (图片 ) -->
        <div id="u1068" class="ax_default image">
          <img id="u1068_img" class="img " src="images/5_1_预约功能/u1004.jpg"/>
          <div id="u1068_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1069" class="ax_default _三级标题">
          <div id="u1069_div" class=""></div>
          <div id="u1069_text" class="text ">
            <p><span>MyBatis巅峰之源码分析步步惊心</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1070" class="ax_default label">
          <div id="u1070_div" class=""></div>
          <div id="u1070_text" class="text ">
            <p><span>讲师: 肖春平</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1071" class="ax_default label">
          <div id="u1071_div" class=""></div>
          <div id="u1071_text" class="text ">
            <p><span>网易Java…</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1072" class="ax_default label">
          <div id="u1072_div" class=""></div>
          <div id="u1072_text" class="text ">
            <p><span>直播时间: 明日 20:00</span></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1073" class="ax_default line">
          <img id="u1073_img" class="img " src="images/5_1_预约功能/u1009.svg"/>
          <div id="u1073_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1074" class="ax_default" data-left="1045" data-top="632" data-width="309" data-height="84">

        <!-- Unnamed (图片 ) -->
        <div id="u1075" class="ax_default image">
          <img id="u1075_img" class="img " src="images/5_1_预约功能/u1004.jpg"/>
          <div id="u1075_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1076" class="ax_default _三级标题">
          <div id="u1076_div" class=""></div>
          <div id="u1076_text" class="text ">
            <p><span>MyBatis巅峰之源码分析步步惊心</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1077" class="ax_default label">
          <div id="u1077_div" class=""></div>
          <div id="u1077_text" class="text ">
            <p><span>讲师: 肖春平</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1078" class="ax_default label">
          <div id="u1078_div" class=""></div>
          <div id="u1078_text" class="text ">
            <p><span>网易Java…</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1079" class="ax_default label">
          <div id="u1079_div" class=""></div>
          <div id="u1079_text" class="text ">
            <p><span>直播时间: 明日 20:00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1080" class="ax_default primary_button">
          <div id="u1080_div" class=""></div>
          <div id="u1080_text" class="text ">
            <p><span>&nbsp;&nbsp;&nbsp; 已提醒</span></p>
          </div>
        </div>

        <!-- Clock Icon (形状) -->
        <div id="u1081" class="ax_default icon" data-label="Clock Icon">
          <img id="u1081_img" class="img " src="images/5_1_预约功能/clock_icon_u1017.svg"/>
          <div id="u1081_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1082" class="ax_default line">
          <img id="u1082_img" class="img " src="images/5_1_预约功能/u1009.svg"/>
          <div id="u1082_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1083" class="ax_default _图片_">
        <img id="u1083_img" class="img " src="images/5_1_预约功能/u989.png"/>
        <div id="u1083_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1084" class="ax_default" data-left="1017" data-top="120" data-width="360" data-height="62">

        <!-- Unnamed (组合) -->
        <div id="u1085" class="ax_default" data-left="1017" data-top="120" data-width="360" data-height="62">

          <!-- Unnamed (矩形) -->
          <div id="u1086" class="ax_default shape">
            <div id="u1086_div" class=""></div>
            <div id="u1086_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1087" class="ax_default _三级标题">
            <div id="u1087_div" class=""></div>
            <div id="u1087_text" class="text ">
              <p><span>课堂直播</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u1088" class="ax_default icon">
            <img id="u1088_img" class="img " src="images/5_1_预约功能/u1088.svg"/>
            <div id="u1088_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u1089" class="ax_default image">
          <img id="u1089_img" class="img " src="images/5_1_预约功能/u983.png"/>
          <div id="u1089_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u1090" class="ax_default _连接线">
        <img id="u1090_seg0" class="img " src="images/5_1_预约功能/u1090_seg0.svg" alt="u1090_seg0"/>
        <img id="u1090_seg1" class="img " src="images/5_1_预约功能/u1090_seg1.svg" alt="u1090_seg1"/>
        <img id="u1090_seg2" class="img " src="images/5_1_预约功能/u1090_seg2.svg" alt="u1090_seg2"/>
        <img id="u1090_seg3" class="img " src="images/5_1_预约功能/u1090_seg3.svg" alt="u1090_seg3"/>
        <img id="u1090_seg4" class="img " src="images/5_1_预约功能/u1090_seg4.svg" alt="u1090_seg4"/>
        <div id="u1090_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1091" class="ax_default _形状">
        <div id="u1091_div" class=""></div>
        <div id="u1091_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1092" class="ax_default" data-left="445" data-top="1016" data-width="305" data-height="224">

        <!-- Unnamed (矩形) -->
        <div id="u1093" class="ax_default box_2">
          <div id="u1093_div" class=""></div>
          <div id="u1093_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1094" class="ax_default line">
          <img id="u1094_img" class="img " src="images/5_1_预约功能/u1094.svg"/>
          <div id="u1094_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1095" class="ax_default _三级标题">
          <div id="u1095_div" class=""></div>
          <div id="u1095_text" class="text ">
            <p><span>已经参加课程，可通过服务号收到课程的后续直播提醒 （直播前15分钟）</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1096" class="ax_default _三级标题">
          <div id="u1096_div" class=""></div>
          <div id="u1096_text" class="text ">
            <p><span>知道了</span></p>
          </div>
        </div>

        <!-- Unnamed (圆形) -->
        <div id="u1097" class="ax_default _形状">
          <img id="u1097_img" class="img " src="images/5_1_预约功能/u1097.svg"/>
          <div id="u1097_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1098" class="ax_default _三级标题">
          <div id="u1098_div" class=""></div>
          <div id="u1098_text" class="text ">
            <p><span>点击当天提醒我提示框</span></p>
          </div>
        </div>

        <!-- Unnamed (圆形) -->
        <div id="u1099" class="ax_default _形状">
          <img id="u1099_img" class="img " src="images/5_1_预约功能/u1097.svg"/>
          <div id="u1099_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1100" class="ax_default _三级标题">
          <div id="u1100_div" class=""></div>
          <div id="u1100_text" class="text ">
            <p><span>点击其他天提醒我 轻提醒</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1101" class="ax_default shape">
        <div id="u1101_div" class=""></div>
        <div id="u1101_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1102" class="ax_default paragraph1">
        <div id="u1102_div" class=""></div>
        <div id="u1102_text" class="text ">
          <p><span>已经参加课程，可通过服务号收到课程的后续直播提醒 （直播前15分钟）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1103" class="ax_default primary_button">
        <div id="u1103_div" class=""></div>
        <div id="u1103_text" class="text ">
          <p><span>&nbsp;&nbsp;&nbsp; 提醒我</span></p>
        </div>
      </div>

      <!-- Clock Icon (形状) -->
      <div id="u1104" class="ax_default icon" data-label="Clock Icon">
        <img id="u1104_img" class="img " src="images/5_1_预约功能/clock_icon_u1017.svg"/>
        <div id="u1104_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u1105" class="ax_default _连接线">
        <img id="u1105_seg0" class="img " src="images/5_1_预约功能/u1105_seg0.svg" alt="u1105_seg0"/>
        <img id="u1105_seg1" class="img " src="images/5_1_预约功能/u1105_seg1.svg" alt="u1105_seg1"/>
        <img id="u1105_seg2" class="img " src="images/5_1_预约功能/u1105_seg2.svg" alt="u1105_seg2"/>
        <div id="u1105_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1106" class="ax_default _形状">
        <img id="u1106_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u1106_text" class="text ">
          <p><span>4</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1107" class="ax_default" data-left="1760" data-top="120" data-width="360" data-height="26">

        <!-- Unnamed (矩形) -->
        <div id="u1108" class="ax_default shape">
          <div id="u1108_div" class=""></div>
          <div id="u1108_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u1109" class="ax_default image">
          <img id="u1109_img" class="img " src="images/5_1_预约功能/u983.png"/>
          <div id="u1109_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1110" class="ax_default box_1">
        <div id="u1110_div" class=""></div>
        <div id="u1110_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1111" class="ax_default _一级标题">
        <div id="u1111_div" class=""></div>
        <div id="u1111_text" class="text ">
          <p><span>高级前端</span></p><p><span>开发工程师</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1112" class="ax_default box_3">
        <div id="u1112_div" class=""></div>
        <div id="u1112_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1113" class="ax_default" data-left="1770" data-top="153" data-width="30" data-height="30">

        <!-- Unnamed (圆形) -->
        <div id="u1114" class="ax_default ellipse">
          <img id="u1114_img" class="img " src="images/5_1_预约功能/u1114.svg"/>
          <div id="u1114_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1115" class="ax_default _形状">
          <img id="u1115_img" class="img " src="images/5_1_预约功能/u1115.svg"/>
          <div id="u1115_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1116" class="ax_default box_3">
        <div id="u1116_div" class=""></div>
        <div id="u1116_text" class="text ">
          <p><span>&nbsp;&nbsp;&nbsp; 课程详情&nbsp;&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1117" class="ax_default icon">
        <img id="u1117_img" class="img " src="images/5_1_预约功能/u1117.svg"/>
        <div id="u1117_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1118" class="ax_default _二级标题">
        <div id="u1118_div" class=""></div>
        <div id="u1118_text" class="text ">
          <p><span>直播未开始</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1119" class="ax_default box_1">
        <div id="u1119_div" class=""></div>
        <div id="u1119_text" class="text ">
          <p><span>&nbsp;&nbsp; &nbsp; 开播前提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1120" class="ax_default _形状">
        <img id="u1120_img" class="img " src="images/5_1_预约功能/u1120.svg"/>
        <div id="u1120_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1121" class="ax_default _一级标题">
        <div id="u1121_div" class=""></div>
        <div id="u1121_text" class="text ">
          <p><span>D-直播页面-点击提醒按钮后</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1122" class="ax_default _形状">
        <img id="u1122_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u1122_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1123" class="ax_default _形状">
        <div id="u1123_div" class=""></div>
        <div id="u1123_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1124" class="ax_default" data-left="2160" data-top="120" data-width="360" data-height="26">

        <!-- Unnamed (矩形) -->
        <div id="u1125" class="ax_default shape">
          <div id="u1125_div" class=""></div>
          <div id="u1125_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u1126" class="ax_default image">
          <img id="u1126_img" class="img " src="images/5_1_预约功能/u983.png"/>
          <div id="u1126_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1127" class="ax_default box_1">
        <div id="u1127_div" class=""></div>
        <div id="u1127_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1128" class="ax_default _一级标题">
        <div id="u1128_div" class=""></div>
        <div id="u1128_text" class="text ">
          <p><span>高级前端</span></p><p><span>开发工程师</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1129" class="ax_default box_3">
        <div id="u1129_div" class=""></div>
        <div id="u1129_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1130" class="ax_default" data-left="2170" data-top="153" data-width="30" data-height="30">

        <!-- Unnamed (圆形) -->
        <div id="u1131" class="ax_default ellipse">
          <img id="u1131_img" class="img " src="images/5_1_预约功能/u1114.svg"/>
          <div id="u1131_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1132" class="ax_default _形状">
          <img id="u1132_img" class="img " src="images/5_1_预约功能/u1115.svg"/>
          <div id="u1132_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1133" class="ax_default box_3">
        <div id="u1133_div" class=""></div>
        <div id="u1133_text" class="text ">
          <p><span>&nbsp;&nbsp;&nbsp; 课程详情&nbsp;&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1134" class="ax_default icon">
        <img id="u1134_img" class="img " src="images/5_1_预约功能/u1117.svg"/>
        <div id="u1134_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1135" class="ax_default _二级标题">
        <div id="u1135_div" class=""></div>
        <div id="u1135_text" class="text ">
          <p><span>直播未开始</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1136" class="ax_default label">
        <div id="u1136_div" class=""></div>
        <div id="u1136_text" class="text ">
          <p><span style="color:#FFFFFF;">开播前15分钟，系统将通过 </span><span style="color:#2ACF61;">微信服务号</span><span style="color:#FFFFFF;"> 给你发送提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u1137" class="ax_default _连接线">
        <img id="u1137_seg0" class="img " src="images/5_1_预约功能/u1137_seg0.svg" alt="u1137_seg0"/>
        <img id="u1137_seg1" class="img " src="images/5_1_预约功能/u1137_seg1.svg" alt="u1137_seg1"/>
        <img id="u1137_seg2" class="img " src="images/5_1_预约功能/u1137_seg2.svg" alt="u1137_seg2"/>
        <div id="u1137_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1138" class="ax_default _形状">
        <img id="u1138_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u1138_text" class="text ">
          <p><span>4</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1139" class="ax_default" data-left="1760" data-top="928" data-width="305" data-height="176">

        <!-- Unnamed (矩形) -->
        <div id="u1140" class="ax_default box_2">
          <div id="u1140_div" class=""></div>
          <div id="u1140_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1141" class="ax_default line">
          <img id="u1141_img" class="img " src="images/5_1_预约功能/u1094.svg"/>
          <div id="u1141_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1142" class="ax_default _三级标题">
          <div id="u1142_div" class=""></div>
          <div id="u1142_text" class="text ">
            <p><span>已经参加课程，可通过服务号收到课程的后续直播提醒 （直播前15分钟）</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1143" class="ax_default _三级标题">
          <div id="u1143_div" class=""></div>
          <div id="u1143_text" class="text ">
            <p><span>知道了</span></p>
          </div>
        </div>

        <!-- Unnamed (圆形) -->
        <div id="u1144" class="ax_default _形状">
          <img id="u1144_img" class="img " src="images/5_1_预约功能/u1097.svg"/>
          <div id="u1144_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1145" class="ax_default _三级标题">
          <div id="u1145_div" class=""></div>
          <div id="u1145_text" class="text ">
            <p><span>点击当天提醒我提示框</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1146" class="ax_default _一级标题">
        <div id="u1146_div" class=""></div>
        <div id="u1146_text" class="text ">
          <p><span style="color:#999999;">1. 播放页面点击 提醒我按钮 ，当天提醒弹出提示框，并按钮换成D图模样，其他天的直播课程，不弹出提示框，</span></p><p><span style="color:#D9001B;">当天已经结束的直播，按照其他天的直播情况处理</span></p><p><span style="color:#999999;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1147" class="ax_default _水平线">
        <img id="u1147_img" class="img " src="images/4_0_手机号注册登录入口/u620.svg"/>
        <div id="u1147_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u1148" class="ax_default marker">
        <img id="u1148_img" class="img " src="images/5_1_预约功能/u964.svg"/>
        <div id="u1148_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u1149" class="ax_default _连接线">
        <img id="u1149_seg0" class="img " src="images/5_1_预约功能/u1149_seg0.svg" alt="u1149_seg0"/>
        <img id="u1149_seg1" class="img " src="images/5_1_预约功能/u1149_seg1.svg" alt="u1149_seg1"/>
        <img id="u1149_seg2" class="img " src="images/5_1_预约功能/u1149_seg2.svg" alt="u1149_seg2"/>
        <div id="u1149_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1150" class="ax_default box_1">
        <div id="u1150_div" class=""></div>
        <div id="u1150_text" class="text ">
          <p><span>首页-点击课程到课程直播页面</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u1151" class="ax_default marker">
        <img id="u1151_img" class="img " src="images/5_1_预约功能/u964.svg"/>
        <div id="u1151_text" class="text ">
          <p><span>5</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u1152" class="ax_default _连接线">
        <img id="u1152_seg0" class="img " src="images/5_1_预约功能/u1152_seg0.svg" alt="u1152_seg0"/>
        <img id="u1152_seg1" class="img " src="images/5_1_预约功能/u1152_seg1.svg" alt="u1152_seg1"/>
        <img id="u1152_seg2" class="img " src="images/5_1_预约功能/u1152_seg2.svg" alt="u1152_seg2"/>
        <img id="u1152_seg3" class="img " src="images/5_1_预约功能/u1152_seg3.svg" alt="u1152_seg3"/>
        <img id="u1152_seg4" class="img " src="images/5_1_预约功能/u1152_seg4.svg" alt="u1152_seg4"/>
        <div id="u1152_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1153" class="ax_default box_1">
        <div id="u1153_div" class=""></div>
        <div id="u1153_text" class="text ">
          <p><span>直播页面-点击-提醒我 按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u1154" class="ax_default marker">
        <img id="u1154_img" class="img " src="images/5_1_预约功能/u964.svg"/>
        <div id="u1154_text" class="text ">
          <p><span>3</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u1155" class="ax_default _连接线">
        <img id="u1155_seg0" class="img " src="images/5_1_预约功能/u1155_seg0.svg" alt="u1155_seg0"/>
        <img id="u1155_seg1" class="img " src="images/5_1_预约功能/u1155_seg1.svg" alt="u1155_seg1"/>
        <img id="u1155_seg2" class="img " src="images/5_1_预约功能/u1155_seg2.svg" alt="u1155_seg2"/>
        <div id="u1155_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1156" class="ax_default box_1">
        <div id="u1156_div" class=""></div>
        <div id="u1156_text" class="text ">
          <p><span>直播课堂列表页面-点击课程到课程直播页面</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u1157" class="ax_default marker">
        <img id="u1157_img" class="img " src="images/5_1_预约功能/u964.svg"/>
        <div id="u1157_text" class="text ">
          <p><span>4</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u1158" class="ax_default _连接线">
        <img id="u1158_seg0" class="img " src="images/5_1_预约功能/u1158_seg0.svg" alt="u1158_seg0"/>
        <img id="u1158_seg1" class="img " src="images/5_1_预约功能/u1158_seg1.svg" alt="u1158_seg1"/>
        <img id="u1158_seg2" class="img " src="images/5_1_预约功能/u1158_seg2.svg" alt="u1158_seg2"/>
        <div id="u1158_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1159" class="ax_default box_1">
        <div id="u1159_div" class=""></div>
        <div id="u1159_text" class="text ">
          <p><span>直播课堂列表页面-点击-提醒我 按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u1160" class="ax_default marker">
        <img id="u1160_img" class="img " src="images/5_1_预约功能/u964.svg"/>
        <div id="u1160_text" class="text ">
          <p><span>6</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u1161" class="ax_default _连接线">
        <img id="u1161_seg0" class="img " src="images/5_1_预约功能/u1161_seg0.svg" alt="u1161_seg0"/>
        <img id="u1161_seg1" class="img " src="images/5_1_预约功能/u1161_seg1.svg" alt="u1161_seg1"/>
        <img id="u1161_seg2" class="img " src="images/5_1_预约功能/u1161_seg2.svg" alt="u1161_seg2"/>
        <div id="u1161_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1162" class="ax_default box_1">
        <div id="u1162_div" class=""></div>
        <div id="u1162_text" class="text ">
          <p><span>直播页面-点击-课程详情</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u1163" class="ax_default marker">
        <img id="u1163_img" class="img " src="images/5_1_预约功能/u964.svg"/>
        <div id="u1163_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u1164" class="ax_default _连接线">
        <img id="u1164_seg0" class="img " src="images/5_1_预约功能/u1164_seg0.svg" alt="u1164_seg0"/>
        <img id="u1164_seg1" class="img " src="images/5_1_预约功能/u1164_seg1.svg" alt="u1164_seg1"/>
        <img id="u1164_seg2" class="img " src="images/5_1_预约功能/u1164_seg2.svg" alt="u1164_seg2"/>
        <img id="u1164_seg3" class="img " src="images/5_1_预约功能/u1164_seg3.svg" alt="u1164_seg3"/>
        <div id="u1164_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1165" class="ax_default box_1">
        <div id="u1165_div" class=""></div>
        <div id="u1165_text" class="text ">
          <p><span>直播课堂列表页面-点击-提醒我 按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u1166" class="ax_default _图片_">
        <img id="u1166_img" class="img " src="images/5_1_预约功能/u1166.svg"/>
        <div id="u1166_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u1167" class="ax_default _图片_">
        <img id="u1167_img" class="img " src="images/5_1_预约功能/u1167.svg"/>
        <div id="u1167_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u1168" class="ax_default _连接线">
        <img id="u1168_seg0" class="img " src="images/5_1_预约功能/u1168_seg0.svg" alt="u1168_seg0"/>
        <img id="u1168_seg1" class="img " src="images/5_1_预约功能/u1168_seg1.svg" alt="u1168_seg1"/>
        <img id="u1168_seg2" class="img " src="images/5_1_预约功能/u1168_seg2.svg" alt="u1168_seg2"/>
        <div id="u1168_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1169" class="ax_default _一级标题">
        <div id="u1169_div" class=""></div>
        <div id="u1169_text" class="text ">
          <p><span style="color:#999999;">1. 已经结束的和未来的直播按钮，和正在进行的直播按钮</span></p><p><span style="color:#999999;">提醒按钮点击前和点击后效果如图 标示1 和标示2。</span></p><p><span style="color:#999999;">点击当天的 </span><span style="color:#2ACF61;">提醒我</span><span style="color:#999999;"> 后的提示框如下，点击其他天的轻提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1170" class="ax_default _水平线">
        <img id="u1170_img" class="img " src="images/4_0_手机号注册登录入口/u620.svg"/>
        <div id="u1170_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1171" class="ax_default _形状">
        <img id="u1171_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u1171_text" class="text ">
          <p><span>3</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1172" class="ax_default _形状">
        <img id="u1172_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u1172_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1173" class="ax_default _形状">
        <img id="u1173_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u1173_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1174" class="ax_default _形状">
        <img id="u1174_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u1174_text" class="text ">
          <p><span>3</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
